<template>
  <div id="main">
    <div id="stage">
      <!-- 设置蛇 -->
      <div id="snake">
        <div></div>
      </div>
      <div id="food">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
      </div>
    </div>
    <div id="score-panel">
      <div>
        SCORE:
        <span id="score">0</span>
      </div>
      <div>
        level:
        <span id="level">0</span>
      </div>
    </div>
    <div id="control-panel">
      <div>
        按空格键开始或者暂停
      </div>
    </div>
  </div>
</template>
<script>
import { GameControl } from "@/asset/ts/gameControl.ts";

export default {
  data() {
    return {
      game: null,
    };
  },
  mounted() {
    this.game = new GameControl();
    console.log(this.game);
  },
  methods: {
  },
};
</script>
<style lang="scss" scope>
@import url(../../asset/index.scss);
</style>
